<template>
  <!-- 
  默认插槽
       组件内使用  <slot />
       <组件标签>默认插槽的内容填充</组件标签 >
  具名插槽
       组件内使用  <slot name='xxx' />
       <组件标签>
       <template #xxx>  
        v-slot:==== #
       具名插槽的内容填充
        </template>
       </组件标签>
 -->

  <div>
    <HmBtn>确定</HmBtn>
    <br />
    <HmBtn>
      <span style="color:red;">123456</span>
    </HmBtn>
    <hr />
    <MyDialog>
      请正确输入手机号
      <template v-slot:title>
        <div>
          温馨提示
        </div>
      </template>
    </MyDialog>
  </div>
</template>
<script>
import HmBtn from '@/components/HmBtn.vue'
import MyDialog from '@/components/my-dialog.vue'
export default {
  components: {
    HmBtn,
    MyDialog
  }
}
</script>
<style></style>
